<template>
    <view class="container">
        <view class="img-auth">
            <image :src="iconUrl+'认证失败.png'" v-if="isAuth === '0'"></image>
            <image :src="iconUrl+'认证成功.png'" v-if="isAuth === '1'"></image>
        </view>
        <view class="auth-text">
            <text v-if="isAuth === '0'">实名认证失败</text>
            <text v-if="isAuth === '1'">您已完成实名认证</text>
        </view>
        <!--        <view class="fail-reason">-->
        <!--            <view class="ts-img">-->
        <!--                <image :src="iconUrl+'提示.png'" v-if="isAuth === '0'"></image>-->
        <!--            </view>-->
        <!--            <view>-->
        <!--                <text decode="true" v-if="isAuth === '0'">失败原因:&ensp;请联系客服或再次认证</text>-->
        <!--            </view>-->
        <!--        </view>-->
        <view class="bottom-btn">
            <u-button type="primary" @click="auth" v-if="isAuth === '0'">再次认证</u-button>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                iconUrl: this.iconUrl,
                isAuth: '1'
            }
        },
        onLoad(options) {
            this.isAuth = options.isAuth;
        },
        methods: {
            auth() {
                uni.navigateTo({
                    url: "/pages/mine/userAuth"
                });
            }
        }
    }
</script>

<style lang="scss">
    page{
        background: white;
    }
    .container{

        .img-auth{
            margin-top: 100rpx ;
            margin-left: 150rpx;
            image{
                width: 500rpx;
                height: 440rpx;
            }
        }
        .auth-text{
            margin-top: 100rpx ;
            text-align: center;
        }
        .fail-reason{
            display: flex;
            margin-top: 20rpx;
            justify-content: center;
            text{
                font-size: 20rpx;
                color: #A6A6A6;
            }
            .ts-img{
                margin: 3rpx 6rpx 0 0;
                image {
                    width: 20rpx;
                    height: 20rpx;
                }
            }

        }
        .bottom-btn{
            button {
                position: fixed;
                left: 40rpx;
                bottom: 60rpx;
                border-radius: 50rpx;
                width: 680rpx;
            }
        }
    }
</style>

